@charset "utf-8";
* { margin: 0;  padding: 0; }

p { line-height: 1.5; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl { font-weight: normal;}
h1, h2, h3, h4, h5, h6 {
	color: #333333;
	font-family: Century Gothic, sans-serif;
}
img { border: none; }
a img { border-style: none; }
a{
  font:12px/12px  Arial, Helvetica, sans-serif;;
  color:#444444;
  text-decoration: none;	
}
a:hover {
  font:12px/12px  Arial, Helvetica, sans-serif;;
  color:#000;
  text-decoration:underline;
}
div, p, ul, h1, h2, h3, h4, form{
	margin:0; 
	padding:0;
	font-family:  Arial, Helvetica, sans-serif;;
}
ul{ list-style-type:none;}

/* For IE & Mozilla-based browsers: */
.LHS {
  margin:0 0 10px 2.5mm;
  float: left;
  clear: left;
}
.RHS {
  margin:0 2.5mm 10px 20px;
  float: right;
  clear: right;
}
.log-image{
  float:left;
  float:left;
  width:80px;
  height:80px;
  margin:0 7px 5px 5px;
}
.log-txt{
  position:absolute;
  top:50px; right:5px;
  text-align:left;
  line-height:1.6;
  width:95px;
  color:000000;
}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */
[class~="LHS"] { margin-left: 13mm; }
[class~="RHS"] { margin-right: 13mm; }

body {
  background-color:#fff;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* ###### Header start ###### */

#header {
  border-bottom:2px solid;
  height:144px;
  margin-bottom:20px;
  padding:0 0 0 5px;
  min-width:1250px;
  width:auto !important;  
  width:100%;
  background:url(/images/admin/bg.jpg) 0 0 repeat-x;
}
.header{ height:144px;  background:url(images/admin/head-img.gif) 100% 0 no-repeat;  }

#header div.header div.logo{
  float:left;
  width:263px;
  height:144px;
  margin:0 0 0 27px;
  background:url(/images/admin/be-logo.jpg) 0 0 no-repeat;
}
#header div.header div.logo-1{
  margin:0 auto;
  text-align:center;
  width:263px;
  height:144px;
  background:url(/images/admin/be-logo.jpg) 0 0 no-repeat;
}
.headerTitle {
  float:right;
  font-size:35px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style:italic;
  color:#4d92cc;
  position:absolute;
  top:55px;
  right:175px;
}
.menuBar { float:left;  margin:108px 0 0 0; border-bottom:2px solid #000000; }
/* These styles create the dropdown menus. */
.menuBar ul{ float:left; }
.menuBar ul li {
   float: left;
   list-style: none;
   margin:0 2px 0 0;
}
.menuBar ul li a {
   display: block;
   font-size:11px;
   font-weight:bold;
   padding:12px 14px 12px 14px;
   background-color: #4c76cd;
   color: #ffffff;
   text-decoration: none;
   text-shadow: 0 1px 0 #000;

	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	 border-top-left-radius: 8px;
	 border-top-right-radius: 8px;
}
.menuBar ul li a:hover{ background-color: #8db3ff;  color:#333333; text-shadow: 0 1px 0 #bbd0f9; }
.menuBar ul li ul {
   float:left;
   display: none;
   border-top:2px solid #000000;
   width:auto; /* Width to help Opera out */
}
.menuBar ul li:hover ul, .menuBar ul li.hover ul {
   display: block;
   position: absolute;
   margin:0 0 0 0;
   padding: 0;
}
.menuBar ul li:hover ul li a{
   color:#ffffff; 
   /* background-color: #4c76cd; */
   background:url(/images/admin/trns-1.png) repeat; 
   padding:12px 12px 12px 10px;
   text-shadow: 0 1px 0 #111111;
   position:relative;
   z-index:2;

	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	 border-top-left-radius:0;
	 border-top-right-radius:0;
}

.menuBar ul li:hover li, .menuBar ul li.hover li { float: none; }
.menuBar ul li:hover li a, .menuBar ul li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #000;
}
.menuBar ul li ul li a:hover { background: #8db3ff; color: #000; text-shadow: 0 1px 0 #bbd0f9; }
/* dropdown menus styling end */
/* ###### Header end ###### */

/* ###### Side Box Strat ###### */
.emptyBox{ padding:2px 10px 0 10px;  width: 16em; }
.emptyBox div.clock-set{ float:left;}
.clock-set h1{ text-align:center; font-size:11px; margin-top:5px; position:relative; z-index:0;}

.sideBox {
  border:1px solid #4e78b4;
  border-width:0 1px 1px 0;
  padding:10px;
  width: 16em;
  background:#d2e7f9;
  position: relative; top:0;
  
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.sideBox h1 {
  float:left;
  text-align:left;
  width:185px;
  color:#2256a2;
  font-size:18px;
  border-bottom:1px dotted #2256a2;
  padding: 3px 5px 3px 5px;
  margin:0 0 8px 0;
}
.sideBox h2 {
  float:left;
  text-align:left;
  width:185px;
  color:#555555;
  font-size:16px;
  font-weight:bold;
  border-bottom:1px dotted #555555;
  padding: 3px 5px 3px 5px;
  margin:0 0 8px 0;
}
.sideBox ul{ float:left;  margin:0 0 10px -10px;  }
.sideBox ul li{
  float:left;
  text-align:left;
  width:185px;
  margin:0 0 0 5px;
  list-style:none;
}
.sideBox ul li a{
  display: block;
  color:#222222;
  margin-top:-5px;
  margin-bottom:5px; 
  background-color:#79b5e8;
  padding:6px 4px 6px 10px;
  border:1px #666 dotted;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
	behavior: url(../css/ie-css3.htc);
	position:relative; 
    border-radius:8px 8px 8px 8px;
}
.sideBox ul li a:hover{
  color:#000000;
  text-decoration:none;
  background-color:#e0ab7f;
}

.sideBox ul li ul{ float:left;  margin:2px 0 5px 0px;  }
.sideBox ul li ul li{
  float:left;
  text-align:left;
  width:168px;
  margin:0 0 1px 0;
  list-style:none;
  border-bottom:none;
}
.sideBox ul li ul li a{
  display: block;
  font-size:11px;
  color:#222222;
  background-color:#a9d3f7;
  padding:5px 4px 5px 15px;
}
.sideBox ul li ul li a:hover{ color:#000000; text-decoration:none; background-color:#e0ab7f; }
.sideBox p{
  font-size:12px;
  line-height:1.4;
  padding:0 5px 0 5px;
  margin:0 0 5px 0;
  text-align:justify;
  color:#000;
}

.logout{ position:relative; top:12px; }
.logout a{
  color:#000;
  font-weight:bold;
  background:#FFF url(/images/admin/log-out-2.gif) 90% 3px no-repeat;
  padding:6px 30px 5px 8px;
  margin:0;
  border:1px #79b5e8 solid;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -khtml-border-radius:6px;
  behavior: url(css/border-radius.htc);
  border-radius:6px;
}
.logout a:hover{color:#2256a2; text-decoration:none; background:#FFF url(/images/admin/log-out-1.gif) 90% 3px no-repeat;}

/* ###### Side Box end ###### */

q {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-style: dotted;
  border-width: 2px;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}
acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {  font-family: Arial, Helvetica, sans-serif;   font-size: 12px; }


/* ###### Bodytext-Nav start ###### */
.bodytext-nav{ 
  width:auto;
  background-color:#00356a;
  padding:4px 5px 8px 10px;
  margin:20px 5mm 10px 23em;
  line-height: 1.5em;
  
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.bodytext-nav a{ color:#ffffff; text-decoration:none;}

.rootpath{
  color:ffffff;
  text-align:left;
  margin:3px 15px 3px 0;
}
.rootpath a{ 
  color:#FFF;
  text-align:left;
  font-size:10px;
  font-weight:bold;
  margin:-20px 5px 0 0;
  padding:0 0 0 4px;
  text-decoration:none;
}
.rootpath a:hover{ text-decoration:underline; color:#FC0; }

.main-icoset{
  height:23px;
  position:absolute;
  right:5px;
  top:167px;
    min-width:50px !important;  
    width:auto !important;  
    width:50px; 
  background-color:#e8f3fd;
  padding:3px 6px 0 2px;
  margin:4px 5mm 5px 0;

  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.main-icoset a{ margin:0 0 0 6px; }
/* ###### Bodytext-Nav end ###### */

/* ###### Body Text start ###### */
#bodyText {
  text-align: justify;
  line-height: 1.5em;
  margin: 5px 5mm 0 23em;
  padding: 15px 1em 1ex 1.5em;
    min-height:480px;  
    height:auto !important;  
    height:480px;
  overflow:hidden;
  background:url(/images/admin/bodytext-img.jpg) 0 0 no-repeat;
  *background:url(/images/admin/bodytext-img-2.jpg) 0 0 no-repeat;
}
#bodyText h1 {
  font-size: 25px;
  color:#0f467c;
  font-family:Verdana, Geneva, sans-serif;
  border-bottom:1px dotted #999999;
  padding-bottom: 0.5ex;
  margin:10px 0 5px 0;
}
#bodyText h2 {
  font-size:22px;
  color:#ffffff;
  font-family:Verdana, Geneva, sans-serif;
  text-shadow: 0 2px 0 #333;
  margin:6px 0 4px 0;
  padding-bottom:8px;
  border-bottom:1px dotted #999999;
}
#bodyText p { padding-bottom: 2ex;  }

#bodyText a { text-decoration: none;}
#bodyText a:hover { border-bottom: none; font-weight:bold; }

#bodyText .topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  border: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}

.bodtext-head{ 
  float:left;
  width:99%;
  background:url(/images/admin/trns-2.png) repeat; 
  border:1px solid #333;
  padding:3px 5px 4px 10px;
  margin:0 5mm 10px -3px;
  line-height: 1.5em;

  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

   opacity: .8; // all modern browsers (this is CSS3)
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // IE 8
   filter: alpha(opacity=80); // IE 5-7
}
.bodtext-head a{ color:#ffffff; text-decoration:none;}

.bodtext-path{
  float:left;
    min-width:200px !important;  
    width:auto !important;  
    width:45%;
  color:ffffff;
  text-align:left;
  margin:2px 15px 0 0;
  padding:2px 0 3px 0;
  font-weight:normal;
}
.bodtext-path a{ 
  color:#FF9;
  text-align:left;
  font-size:11px;
  font-weight:normal;
  margin:0 5px 0 0;
  padding:0 1px 0 6px;
  text-decoration:none;
}
.bodtext-path a:hover{ font-size:11px; font-weight:normal; color:#Fff; text-decoration:underline; }

.edit-icoset{
  float:right;
  min-width:200px !important;  
  width:auto !important;  
  width:45%;
  text-align:right;
  margin:0;
}
.edit-icoset a img{ position:relative; right:4px; top:5px;   padding:0 0 0 8px;}
.edit-icoset a{
  float:left;
  position:relative; right:0;  top:0px;
  border:1px solid #333;
  background-color:#cfd8e0;
  padding:0 6px 7px 4px;
  margin:0 0 0 2px;
  font-size:11px;
  font-weight:bold;
  color:#000;

  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.edit-icoset a:hover{ color:#00356a; font-weight:bold; background-color:#fff;}
.search-input1{
  float:left;
  position:relative;
  *top:0;
  width:150px;
  height:23px;
  background-color:#ffffff;
  border:1px solid #333;
  text-align:left;
  font-size:13px;
  color:#222222;
  padding:0 2px 2px 3px;
  margin:3px 0 0 0;
  
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.smallCaps { font-variant: small-caps; }
.maintab-set{ position:relative; top:15px; width:auto; }
.maintab-set ul{ float:left; }
.maintab-set ul li{
  display:inline;
  float:left;
  list-style: none;
  margin:0 15px 15px 0;
}
.maintab-set ul li a{
  display:block;
  position:relative;
  width:120px;
  padding:2px 10px 5px 10px;	
  border:1px solid #79b5e8; 
  background-color:#fff;

  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.maintab-set ul li a:hover{ border:1px solid #79b5e8;  background-color:#c6ddf1; }

.maintab-img{ margin:10px 0 10px 20px; text-align:center; width:80px; height:80px;}
.head-p{ color:#000 !important; font-size:14px; font-weight:bold; text-align:center;}
.maintab-set ul li p{ font-size:11px; color:#666; text-align:center; margin:0 0 -10px 0; line-height:1.1;}

/* ###### Mid content aria start ###### */
.mid-content{
  padding:15px;
  float:left;
  width: 98%;
}

/* ###### Box Table-A start ###### */

.box-table-a{
	float:left;
	font-size: 12px;
	margin:5px 0 0 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-bottom:3px solid #999;
}
.box-table-a th{
	font-size: 13px;
	font-weight: normal;
	padding:15px 25px 15px 12px;
	background:#555555;
	border-top: 5px solid #999;
	border-bottom: 1px solid #fff;
	text-shadow:0 1px 0 #000;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
.box-table-a td{
	padding:12px 25px 12px 12px;
	background: #d0d0d0; 
	border-bottom: 1px solid #fff;
	color:#000;
	border-top: 1px solid transparent;
	text-align:left;
}
.box-table-a tr:hover td{
	background: #c4d7e6;
	color: #339;
}
/* ###### Box Table-A start ###### */

/* ###### mid-content Form Styling start ###### */
.form-sect-2{
  float:left;
  width:100%;
  margin:0 0 0 0;
  display:inline;
  border-bottom: 1px dotted #e1e1e1;
}
.name-lable2{
  float:left;
  text-align:left;
  padding:11px 0 15px 0;
  margin:5px 0 5px 0;
  font-size:13px;
  width:220px;
  color:#00356a;
}

.input-2, .input-3, .input-4, .list-2, .s-btn2, .s-btn3{
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari and Chrome */
   border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.input-2, .input-3, .input-4{
  text-align:left;
  height:40px;
  background-color:#e1e1e1;
  border:1px solid #00356a;
  font-size:13px;
  color:#444444;
  padding:0 2px 2px 3px;
  margin:5px 5px 5px 0;
}
.input-2:hover, .input-3:hover, .input-4:hover,{ background-color:#d2e7f9; border:1px solid #79b5e8; }

.input-2{ width:85%; }
.input-3{ width:42%; }
.input-4{ width:15%; }

.list-2{
  float:left;
  width:85%;
  text-align:left;
  height:40px;
  background-color:#e1e1e1;
  border:1px solid #e1e1e1;
  font-size:13px;
  color:#444444;
  padding:0 2px 2px 3px;
  margin:5px 5px 5px 0;
}
.list-2:hover{ background-color:#d2e7f9; border:1px solid #79b5e8; }

/*.txtaria-1{
  float:left;
  width:84%;
  text-align:left;
  background-color:#e1e1e1;
  border:1px solid #e1e1e1;
  font-size:13px;
  color:#444444;
  padding:5px 5px 5px 5px;
  margin:5px 5px 5px 0;
}
.txtaria-1:hover{ background-color:#d2e7f9; border:1px solid #79b5e8; }*/

.s-btn2, .s-btn3{
  float:right;
  text-align:center;
  font-size:13px;
  padding:12px 20px 15px 20px;
  margin:5px 10px 5px 0;
  cursor:pointer;
}
.s-btn2{ color:#ffffff; background-color:#444444; border:1px solid #e1e1e1;}
.s-btn2:hover{ background-color:#00356a;}

.s-btn3{color:#222; background-color:#79b5e8; border:1px solid #e1e1e1;}
.s-btn3:hover{color:#fff; background-color:#777;}
/* ###### mid-content Form Styling end ###### */

/* ###### Mid content aria end ###### */




/* ###### Login aria start ###### */
#login-sec {
  margin: -20px auto 0 auto;
  padding:20px 0 0 0;
  text-align:center;
  line-height: 1.5em;
  width:750px;
    min-height:430px;  
    height:auto !important;  
    height:430px;
  overflow:hidden;
  background:url(/images/admin/login-bg.jpg) 0 0 no-repeat;
}
#login-sec h1 {
  position:relative;
  top:25px;
  margin:0 auto 20px auto;
  text-align:center;
  color:#000000;
  width:500px;
  font-family:Verdana, Geneva, sans-serif;
  border-bottom:1px solid #0f467c;
  padding:10px 30px 20px 30px;
  font-size:35px;
  text-shadow: 0 2px 0 #fff;
}
#login-sec p {
  position:relative;
  top:10px;
  margin:0 auto;
  text-align:center;
  color:#00356a;
  font-size:12px;
  font-weight:bold;
  width:500px;
}
#login-sec div.mainbox{
  position:relative;
  top:35px;
  margin:0 auto;
  text-align:center;
  width:470px;
  padding:20px 15px 20px 15px;
  background:url(/images/admin/bg-trns-1.png) 0 0 repeat;
  border:1px solid #2d6cbb;
  
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
   border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.form-sect-1{margin:0 0 0 0; display:inline;}
.name-lable1{
  position:relative;
  top:-4px;
  text-align:left;
  padding:0 0 4px 0;
  font-weight:bold; 
  font-size:11px;
  width:200px;
  color:#00356a;
}
.input-1{
  position:relative;
  *top:4px;
  width:150px;
  height:23px;
  background-color:#ffffff;
  border:1px solid #2d6cbb;
  text-align:left;
  font-size:13px;
  color:#444444;
  padding:0 2px 2px 3px;
  margin:0 0 10px 0;

  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari and Chrome */
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.s-btn1{
  position:relative;
  top:0;
  left:-117px;
  text-align:center;
  font-size:11px;
  color:#ffffff;
  font-weight:bold;
  width:95px;
  height:38px;
  padding:0 0 6px 0;
  cursor:pointer;
  background-color:#00356a;
  border:1px solid #;

  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
   border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
   behavior: url(../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.forgot{
  position:absolute;
  top:65px;
  left:190px;
  text-align:left;
  color:#000000;
  font-size:12px;
  width:200px;
}
.forgot a{ text-align:left; font-size:11px; color:#03C; text-decoration:underline; }
.forgot a:hover{text-decoration:none; }

.log-img{
  position:absolute;
  top:55px;
  right:10px;
  width:80px;
  height:80px;
}

/* ###### Login aria end ###### */

/* ###### Footer start ###### */

#footer {
  padding-top: 15px;
  padding-bottom: 30px;
  clear: left;
  border-top:2px double #e3e3e3;
  margin:20px 0 0 0;
  background:url(/images/admin/be-footr-bg.jpg) 100% 0 no-repeat;
  width:100%;
}
#footer p{
  color:#555555;
  font-size:12px;
  line-height:1.6;
  font-style:italic;
}

#footer div {
  font-size:12px;
  line-height: 1.25em;
  text-align: right;
  padding-right: 5mm;
}

#footer a{ color:#003399; font-style:italic;}
#footer a:hover { text-decoration: none; text-decoration:underline; color:#003399; }
.footerLHS {
  float: left;
  clear: left;
  padding-left: 3mm;
}
/* ###### Footer end ###### */

